<template>
  <footer>
    <div class="main-width flex-box footer-box">
      <div>{{webInfo.web_copyright}}</div>
      <div><span id="copy-right"></span> </div>
      <div>胜依云大数据网络应用有限公司 技术支持</div>
      <ul class="footer-link">
        <li><nuxt-link to="/mainPage/contact">联系我们</nuxt-link></li>
        <li><nuxt-link to="/details/website/web">网站地图</nuxt-link></li>
        <li><nuxt-link to="/details/website/legal">法律声明</nuxt-link></li>
        <li><nuxt-link to="/details/website/privacy">隐私政策</nuxt-link></li>
      </ul>
      <div>备案号：<a href="https://beian.miit.gov.cn/" target="_blank"><span id="copyright" style="color:#fff;">{{webInfo.web_record}}</span></a></div>
    </div>
  </footer>
</template>

<script>
  import axios from 'axios';
  export default {
    name: "footerInfo",
    created(){

    },
    data:function(){
      return {
        webInfo:{}
      }
    },
    created(){
      this.getWebInfo();
    },
    methods:{
      getWebInfo(){
        axios.get('http://tfngw.tfnhg.com/Api/New/get_web').then(
          res=>{
            this.webInfo = res.data;

          }
        )
      }
    }

  }
</script>

<style scoped lang="less">
  .footer-box{
    height:0.6rem;
  }
  footer{
    width: 100%;
    height:0.6rem;
    background: #666366;
    margin-top: 1rem;
    color:#fff;
    font-size: 0.13rem;
  }
  .footer-link{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  .footer-link li{
    width: 0.7rem;
    text-align: center;
    border-right:1px solid #fff;
  }
  .footer-link li a{
    color:#fff;
  }

  .footer-link li:hover a{
    color:#ccc;
  }

</style>
